<template>
  <div class="container">
    <side-menu-bar :menuList="menuList"></side-menu-bar>
    <router-view class="article-show"></router-view>
  </div>
</template> 
<script setup lang='ts'>
import { ref, reactive, onMounted } from 'vue'
import sideMenuBar from '@/components/sideMenu/sideMenuBar.vue'
import { useUserInfoStore } from '@/stores';
const menuList = ref([
  {
    label: '文章编辑',
    path: '/article/edit',
    children: [
      {
        label: '文章创建',
        path: '/article/create_article',
      }, {
        label: '文章修改',
        path: '/article/update_article',
      }]
  },
  {
    label: '文章状态',
    path: '/article/article_status',
  },
  {
    label: '文章收藏',
    path: '/article/article_collection'
  },
  {
    'label': '浏览记录',
    path: '/article/article_history'
  },
])

</script>
<style scoped lang="scss">
.container {
  display: flex;
}
</style>